<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('xiang-details-page/css/pingjia.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="javascript:history.go(-3);"></a>

    <h1 class="title">线路详情</h1>
    <meta charset="UTF-8">
</header>
<div class="content infinite-scroll" ng-init="getCommonInfo()">
    <!-- 轮播图 -->
    <div class="swiper-container" data-space-between='0' data-swiper-autoplay="2000" style="margin-top: -2rem">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/7.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/8.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/9.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/10.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="buttons-tab">
        <a href="#/xiangqing" class="button">简介</a>
        <a href="#/linetake" class="button">线路规划</a>
        <a href="#/pingjia-page" class=" active button">评价</a>
    </div>
    <div class="doer">
        <div>
            <div class="lover" ng-click="buyNow()">评价该课程</div>
            <div class="pingjia" ng-click="buyNow()">
                <a class="star">
                    <span class="icon icon-star"></span>
                    <span class="icon icon-star"></span>
                    <span class="icon icon-star"></span>
                    <span class="icon icon-star"></span>
                </a>
            </div>
        </div>
    </div>
    <div class="bg-bar-div"></div>
    <div class="all" ng-repeat="x in commonInfo">
        <div class="tourist">
            <div class="avatar pull-left">
                <img ng-if="!x.commentUser.userAvatarAddress" ng-src="page/xiang-details-page/img/avatar.jpg">
                <img ng-if="x.commentUser.userAvatarAddress" ng-src="{{x.commentUser.userAvatarAddress}}">
            </div>
            <div class="nickname-time">
                <div class="nickname">{{x.commentUser.userNickName}}</div>
                <br>

                <div class="time">{{x.commentDate|date:'yyyy-MM-dd HH:mm:ss'}}</div>
            </div>
            <div class="score">{{x.commentScore|score}}</div>

            <!-- <span class="icon icon-me"><a class="tour"></a></span>
             <a class="k"></a>
             <a class="man">{{x.commentScore|score}}</a>-->
        </div>
        <div style="clear: both"></div>
        <div class="test">{{x.commentContent}}</div>
        <div class="tu" ng-if="x.commentImg">
            <div class="picture" ng-repeat="img in x.cimgs track by $index">
                <img ng-src="{{img.imgSrc}}" ng-click="showImg(x.cimgs,$index)"/>
            </div>
        </div>
        <div style="clear: both"></div>
    </div>
    <!-- 加载提示符 -->
    <div class="infinite-scroll-preloader">
        <div class="preloader"></div>
    </div>
</div>

<!--弹框-->
<div class="alert-all" style="display: none">
    <div class="alert-top" ng-init="commentScore()" ng-click="buyNo()"></div>
    <div class="alert-box">
        <div class="alert-list" style="margin-top: .5rem">评价该课程</div>
        <div class="alert-list star-div">
            <ul>
                <li class=""><span></span></li>
                <li class=""><span></span></li>
                <li class=""><span></span></li>
                <li class=""><span></span></li>
                <li class=""><span></span></li>
            </ul>
        </div>

        <div class="alert-list score-tip"></div>
        <div class="pingjia-content"><textarea ng-model="commentContent" autofocus="autofocus" maxlength="100"
                                               placeholder="评论，100字以内">{{comsInfo.commentContent}}</textarea>
        </div>
        <div img-all>
            <div class="add"><i class="fa fa-plus-square-o fa-3x"></i>
                <input type="file" accept="image/jpg,image/jpeg,image/png" file-model="images"
                       onchange="angular.element(this).scope().img_upload(this.files)"/>
            </div>
            <div class="picture2" id="commentImgList">
            </div>
        </div>
        <div style="clear: both"></div>
        <div ng-click="pushComment()" class="submit">提交</div>
    </div>
</div>

<!--弹框结束-->
<div ng-init="suiMobileInit('xiang-details-page/js/pingjia.js')"></div>